/*corp de page*/

body
{
    font-family: 'Trade Winds', cursive;
    margin: 0 ;
    padding: 0 ;
    background-image:url("../image/bois.jpg");
    background-position: top center;
        background-color:#673B09;
        
}

a {
    text-decoration:none;
}
section {
    width:100%;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#1f2325;
    text-align:center;
    text-transform:uppercase;
    font-size:9px;
    color:#8e8e8e;
    box-shadow:0px 0px 100px #000;
}


footer {
    width:100%;
    text-align:center;
}



/*Titres*/
h1
{
    text-shadow: 0px 0px 9px #777;
    color: #fff;
}

h4
{
    text-align:center;
    text-shadow: 0px 0px 9px #777;
    color: #fff; 

}

/* Menu de navigation*/
#nav {
    width:90%;
    text-align:center;
    padding:5%;
    font-weight:bold;
    font-family:Helvetica, Arial, 'Times new roman';
    font-size:10px;  
    

}

#nav ul {
    padding:0;
    margin:0;
    width:100%;
    text-align:center;
}

#nav ul li {

    display:inline-block;
    margin:0;
    padding-right:3%;
    padding-left:3%;
}

#nav ul li a {
    display:inline-block;
    padding:3%;
    font-size:32px;
    font-family:Helvetica, Arial, 'Times new roman';
    color:#1a1a1a;
    text-shadow:10px 0px 20px #fff;
}

#nav ul li a:hover {
    color:purple;
}
#content {
    width:80%;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:5%;
    min-height:50%;
    max-height:400px;
    overflow:auto;
}
#sousmenu {
 display:inline-block;
    margin:0;
    padding-right:3%;
    padding-left:3%; 
    
}
/* Page CV*/

#cv{

    text-shadow: white 0px 0px 9px;  
}

/* Menu rotatif acceuil*/

#scene{
    margin: 200px auto;
    -webkit-perspective: 1000;
}
#cube {
    height: 400px;
    width: 400px;
    margin: auto auto;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 5s;
    -webkit-transform: translateY(50px);
    -webkit-transform: rotateY(45deg);
    -webkit-animation: revolution 5s infinite linear;
}
#devant {
    -webkit-transform: translateZ(200px);
}

#derriere {
    -webkit-transform: translateZ(-200px);
}

#cube div {
    -webkit-backface-visibility: visible;
    position: absolute;
    height: 400px;
    width: 400px;
}
#droite {
    -webkit-transform: translateX(-200px) rotateY(-90deg);
}
#droite:hover{

}
#gauche {
    -webkit-transform: translateX(200px) rotateY(90deg);
}

/*         Hover menu 3d             */
#devant:hover{
    text-shadow: white 0px 0px 9px;

}

#derriere:hover{
    text-shadow: white 0px 0px 9px; 
}

#droite:hover{
    text-shadow: white 0px 0px 9px;
}

#gauche:hover{
    text-shadow: white 0px 0px 9px;  
}

liste{
    text-color:red;
    text-shadow: white 10px 0px 100px;  
    height: 400px;
    width: 400px;
    text-align: center;
    font-size: 50px;

    -webkit-background-clip: text;
    -webkit-transition: all 1500ms ease-out;
    -moz-transition: all 1500ms ease-out;
    -ms-transition: all 1500ms ease-out;
    -o-transition: all 1500ms ease-out;
    transition: all 1500ms ease-out;

}

#liste:hover {



}

.rating a {  
    color: #aaa;  
    text-decoration: none;  
    font-size: 3em;  
    transition: color .4s;  
}  
.rating a:hover,  
.rating a:focus {  
    color: orange;  
    cursor: pointer;  
}  

